<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>抽奖系统</title>
    <link rel="stylesheet" href="/static/styles.css">
    <script src="/static/main.js"></script>
</head>
<body>
<h1>抽奖</h1>
<form id="participant-form">
    <label for="participant-name">参与者姓名:</label>
    <input type="text" id="participant-name" name="participant-name" required>
    <button type="submit">添加参与者</button>
</form>
<div id="grid">
    <div class="grid-item" data-prize="奖项1">奖项1</div>
    <div class="grid-item" data-prize="奖项2">奖项2</div>
    <div class="grid-item" data-prize="奖项3">奖项3</div>
    <div class="grid-item" data-prize="奖项4">奖项4</div>
    <div class="grid-item" data-prize="奖项5">奖项5</div>
    <div class="grid-item" data-prize="奖项6">奖项6</div>
    <div class="grid-item" data-prize="奖项7">奖项7</div>
    <div class="grid-item" data-prize="奖项8">奖项8</div>
    <div class="grid-item" data-prize="奖项9">奖项9</div>
</div>
<button id="draw-button">抽奖</button>
<h2>获奖名单</h2>
<ul id="prize-list"></ul>
</body>
</html>




